<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
        <title>Sample 01 - 斜め移動を考慮した移動に修正しよう!!</title>
        <style>
            * {
                margin: 0px;
                padding: 0px;
            }
        </style>
        <script charset="UTF-8" src="enchant.js"></script>
        <script charset="UTF-8" src="dummysprite.enchant.js"></script>
        <script charset="UTF-8">
            // 使いやすくするおまじない
            enchant();
            
            var SPEED = 4;
            
            // 初期化時処理
            window.onload = function() {
                // Game インスタンスを生成
                var game = new Game(320, 320);
                // 初期化
                game.onload = function() {
                    // 背景色を設定
                    this.rootScene.backgroundColor = "black";
                    // ダミースプライトを生成
                    var dummySprite = new DummySprite(20, 20, "red");
                    dummySprite.moveTo(160-10, 160-10);
                    this.rootScene.addChild(dummySprite);
                    // 更新イベントを登録
                    this.rootScene.addEventListener("enterframe", function(e){
                        var input = game.input;
                        
                        // 角度で移動させる
                        var angle = null;
                        if      (input.right && input.up)   { angle = 45; }
                        else if (input.left  && input.up)   { angle =135; }
                        else if (input.left  && input.down) { angle =225; }
                        else if (input.right && input.down) { angle =315; }
                        else if (input.right)   { angle =  0; }
                        else if (input.up)      { angle = 90; }
                        else if (input.left)    { angle =180; }
                        else if (input.down)    { angle =270; }
                        
                        if (angle !== null) {
                            var vx = Math.cos(angle*Math.PI/180) * SPEED;
                            var vy =-Math.sin(angle*Math.PI/180) * SPEED;
                            dummySprite.moveBy(vx, vy);
                        }
                    });
                };
                // 開始
                game.start();
            };
        </script>
    </head>
    <body>
        <h1>Sample 01 - 斜め移動を考慮した移動に修正しよう!!</h1>
    </body>
</html>